<template>
  <view>
    <cu-custom bgColor="bg-red" :isBack="true">
      <black slot="content" class="text-fff">我的钱包</black>
    </cu-custom>
    <view class="bg-red" style="height:300rpx;border-radius:0 0 30rpx 30rpx;"></view>
    <!--    头部账户余额-->
    <view class="bg-white margin-lr-lg padding-tb-lg radius shadow" style="margin-top:-260rpx">
        <view>
          <view class="text-black text-df margin-bottom-sm  flex justify-center">账户余额（元）</view>
          <view class="text-black text-bold margin-bottom-sm  flex justify-center" style="font-size:68rpx">68,500.10</view>
          <view class=" margin-bottom-sm flex justify-center">
            <text class="text-black text-df">昨日收益</text>
            <text class="text-red margin-left text-center">+600.00</text>
          </view>
        </view>
      <view class="flex justify-between margin-xl padding-lr-lg">
        <view class="flex flex-direction">
          <text class="text-gray margin-bottom-xs">累计收益（元）</text>
          <text class="text-black text-bold">800,000.10</text>
        </view>
        <view class="flex flex-direction">
          <text class="text-gray margin-bottom-xs">已提现（元）</text>
          <text class="text-black text-bold">12,800.60</text>
        </view>
      </view>
      <view class="flex justify-center">
        <view class="text-red line-red solid round padding-tb-sm align-center text-center margin-right-xs" style="padding-left:122rpx;padding-right:122rpx">提现</view>
        <view class="text-white bg-red round padding-tb-sm" style="padding-left:122rpx;padding-right:122rpx" @tap="recharge(item)">充值</view>
      </view>
    </view>
<!--    账户明细-->
    <view class="bg-white radius margin-lr-lg padding-lr-lg margin-top-sm shadow">
      <!--      列表头部-->
      <view class="flex justify-between solid-bottom padding-tb-sm">
        <view class="text-bold text-lg align-center">账户明细</view>
        <view>
          <view class="padding-lr-sm text-df round padding-tb-xxs" style="background-color:rgba(0,0,0,0.1)">全部
            <text class="cuIcon-unfold"></text>
          </view>
        </view>
      </view>
      <!--      详细列表-->
      <view class="flex justify-between padding-tb-sm solid-bottom">
        <view class="flex flex-direction">
          <text class="text-bold text-black margin-bottom-xxs">邀请粉丝</text>
          <text class="text-gray">2020-10-15 08:50</text>
        </view>
        <view class="text-orange flex flex-direction">
          <text class="margin-bottom-xxs">+5.00</text>
          <text>未入账</text>
        </view>
      </view>
      <view class="flex justify-between padding-tb-sm solid-bottom">
        <view class="flex flex-direction">
          <text class="text-bold text-black margin-bottom-xxs">购票</text>
          <text class="text-gray">2020-10-15 08:50</text>
        </view>
        <view class="text-black align-center flex justify-center">
          <text class="margin-bottom-xxs">-19.00</text>
        </view>
      </view>
      <view class="flex justify-between padding-tb-sm solid-bottom">
        <view class="flex flex-direction">
          <text class="text-bold text-black margin-bottom-xxs">邀请粉丝</text>
          <text class="text-gray">2020-10-15 08:50</text>
        </view>
        <view class="text-red flex justify-center align-center">
          <text class="margin-bottom-xxs">+5.00</text>
        </view>
      </view>
      <view class="flex justify-between padding-tb-sm solid-bottom">
        <view class="flex flex-direction">
          <text class="text-bold text-black margin-bottom-xxs">邀请粉丝</text>
          <text class="text-gray">2020-10-15 08:50</text>
        </view>
        <view class="text-red flex justify-center align-center">
          <text class="margin-bottom-xxs">+5.00</text>
        </view>
      </view>
      <view class="flex justify-between padding-tb-sm solid-bottom">
        <view class="flex flex-direction">
          <text class="text-bold text-black margin-bottom-xxs">邀请粉丝</text>
          <text class="text-gray">2020-10-15 08:50</text>
        </view>
        <view class="text-red flex justify-center align-center">
          <text class="margin-bottom-xxs">+5.00</text>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  name: "",
  data() {
    return {}
  },
  components: {},
  computed: {},
  created() {

  },
  onLoad() {

  },
  methods: {
    recharge(item){
      this.$tools.goTo('/pages/user/recharge')
    }
  }
}
</script>

<style scoped>
</style>
